*{
    margin: 0;
    padding: 0;
    border: none;
    /*font-size: 2vw;*/

    /*微软雅黑：Microsoft YaHei*/
   
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box; 
}

html,body{
    /*background-color: rgb(255,255,255);*/
    width: 100%;
    height: 100%;
    
}
.header{
    width: 60%;
    height: 10%;
    /*DIV里面的行高居中*/
    /*line-height:5%;*/
    /*margin: 5vw 27vw;*/
    left: 20%;
    top: 5%;
    position: absolute;
    /*border: 1px solid red ;*/
    /*font-size:3vw;*/

}


.logo{
    left: 80%;
    top: 2.5%;
    /*margin-top:1vw;  */
    width: 15%;
    height: 10%;
    /*绝对定位：relative；相对定位：absolute*/
    position: absolute;
    border: 1px solid #D0D0D0;
    border-radius: 50%;
}

.logo img{
    max-width: 100%;
    max-height: 100%;
}

.beijin{
    height: auto;
    width: 92%;
    top: 15.5%;
    right: -4%;
    /*margin: 2vw 0.1vw;*/
    background:#FCFCFC;
    position: relative;
    border: 5px solid #F0F0F0;

}

.wx{
    height: 25%;
    width: 20%;
    top: -14%;
    position: absolute;
    background:grey;
    line-height:24px;
    color:white;


}

.frame{
    width: 92%;
    height:36%;
    top: 15.5%;
    right: -4%;
    /*margin: 2vw 0.1vw;*/
    /*绝对定位*/    
    position: relative; 
    /*border: 0.125vw ;*/
}


html{font-size:8px}
            @media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
            @media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
            @media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
            @media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
            @media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
            @media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
            @media screen and (min-width:800px){html{font-size:25px}}




